import React, { useRef, createRef } from 'react'
import Test from './Test'

// 需求：获取类组件实例
export default function App() {
  // #1. 创建 ref 引用，inputRef.current 表示初始的 null
  const cmpRef = useRef(null)
  const handleClick = () => {
    // #3. cmpRef.current => Test 组件实例
    // console.log(cmpRef.current)
    //
    cmpRef.current.handleClick(999)
  }
  return (
    <div>
      {/* #2. 用 cmpRef 和类组件实例的 ref 属性进行绑定 */}
      <Test ref={cmpRef} />
      <button onClick={handleClick}>获取类组件实例</button>
    </div>
  )
}
